<template>  
  <div class="background-container">  
    <img src="@/assets/STimg/htlc.png" alt="背景图片" class="background-image">  
  </div>  
</template>  

<script>  
export default {  
  name: 'YourComponentName'  
}  
</script>  

<style scoped>  
.background-container {  
  /* 调整容器大小 */  
  position: fixed;  
  top: 50%;  
  left: 50%;  
  transform: translate(-50%, -50%);  
  width: 80%; /* 可以调整这个值来改变整体大小 */  
  height: 80vh; /* 可以调整这个值来改变整体大小 */  
  z-index: -1;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
}  

.background-image {  
  /* 调整图片显示方式 */  
  max-width: 100%;  
  max-height: 100%;  
  object-fit: contain; /* 改为contain确保图片完整显示 */  
}  
</style>